<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>旅客管理</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css"/>
    <script type="text/javascript" src="../../script/api.js"></script>
    <style>
    	body{
    	    margin: 0;	
    	    background:url(../../image/bj.png) repeat-x 0;
    	    background-size: 100%;
    	}
    	.title{
    	    height: 45px;
    	    background: #0483d3;
    	    color: #ffffff;
    	    line-height: 45px;
    	    font-size: 20px;
    	    padding-left: 10px;
    	    margin-bottom: 20px;
    	}
    	 .odiv{
		   display:table;
		   background:#fff;
		   width:100%;
		   padding-top: 5px;
		   padding-bottom: 5px;
		   border-top:1px solid #E1E1E1; 
		   border-bottom:1px solid #E1E1E1;
	   }
	   .idiv{
		   float: left;
		   font-size:15px;
		   margin-left: 10px;
		   height:32px;
		   line-height:32px;
	   }
    </style>
</head>
<body>
<header id="statusBar">
  <div class="title">
    旅客管理
  </div>
  </header>
         <div class='odiv' onclick="dataSubmit()">  
          <div class='idiv'>数据上报</div>
          <div style="float: right;height:32px;line-height:32px;">
            <img src='../../image/timg.png' style="width:50%;vertical-align: middle;"/>
          </div>
          <div style="float: right;height:32px;line-height:32px;">
            <img src="" id="notice" style=""/>
          </div>
          </div>
          
          <div class='odiv' onclick="countInfo();">  
          <div class='idiv'>统计信息</div>
          <div style="float: right;height:32px;line-height:32px;">
            <img src='../../image/timg.png' style="width:50%;vertical-align: middle;"/>
          </div>
          </div>
          
          <div class='odiv' onclick="occupancy();">  
          <div class='idiv'>入住情况</div>
          <div style="float: right;height:32px;line-height:32px;">
            <img src='../../image/timg.png' style="width:50%;vertical-align: middle;"/>
          </div>
          </div>
          
          <div class='odiv' onclick="book();">  
          <div class='idiv'>预订信息</div>
          <div style="float: right;height:32px;line-height:32px;">
            <img src='../../image/timg.png' style="width:50%;vertical-align: middle;"/>
          </div>
          </div>
</body>
<script type="text/javascript">
	apiready = function(){
	
	    if(api.systemType == "ios"){
		   document.getElementById("statusBar").style.background = "#298cb4";
		}
	    $api.fixStatusBar( $api.dom('header') );
	    
	    api.addEventListener({
		    name: 'dataSubmit'
		}, function(ret, err) {
		   location.reload();
		});
		var cusInfo = $api.getStorage("cusInfo");
		if(cusInfo.length>0){
		  document.getElementById('notice').src = "../../image/hotelManage/notice.png";
		  document.getElementById('notice').style = "width:50%;vertical-align: middle;float:right;";
		}
	};
	
	function countInfo(){
	    api.actionSheet({
		    title: '选择统计类型',
		    cancelTitle: '取消',
		    buttons: ['房费收入统计']
		}, function(ret, err) {
		    var index = ret.buttonIndex;
            if(index == 1){
               moneyCount();
//          }else if(index == 2){
//             moneyCount();
            }
		});
	}
	
	function dataSubmit(){
	   api.openWin({
	       name: 'datasubmit',
	       hScrollBarEnabled: false,
	       url: 'dataSubmit.html'
       });
	}
	
	function moneyCount(){
	   api.openWin({
	       name: 'moneycount',
	       hScrollBarEnabled: false,
	       url: 'moneyCount.html'
       });
	}
	
	function occupancy(){
	   api.openWin({
	       name: 'occupancy',
	       hScrollBarEnabled: false,
	       url: 'occupancy.html'
       });
	}
	
	function book(){
	   api.openWin({
	       name: 'bookhistory',
	       hScrollBarEnabled: false,
	       url: 'bookHistory.html'
       });
	}
</script>
</html>